import React, { useState, memo, useEffect, useMemo, useRef } from 'react';


function Picture({ content, setconfig, style, imgurl, imgzoom, imgrotate, id, imgstyle }) {


    return (
        <div style={{ ...style, position: "absolute", overflow: "hidden" }}>
            <img
                src={imgurl ? imgurl : require("@/assets/defaultpic.png")}
                alt=""
                style={{
                    width: imgstyle.width,
                    height: imgstyle.height,
                    transform: `scale(${imgzoom}) rotate(${imgrotate}deg)`,
                    transformOrigin: "center",
                    position: "absolute",
                    left: imgstyle.left,
                    top: imgstyle.top,
                    transition: "all 0.4s"
                }}
            />
        </div>
    );
}

export default memo(Picture);